@import '../../../styles/default.scss';

.goods-info-page {
  height: 100vh;
  position: relative;
  background-color: $color-bg;
  .goods-content{
    height: calc(100% - 180px);
    overflow-y: auto;
    background-color: #fff;
    padding: 30px;
    // margin-bottom: 20px;
    &-row{
      display: flex;
      align-items: center;
      font-size: $font-15;
      color: $font-color-dark;
      padding: 10px 0;
      &-title{
        width: 120px;
      }
      .row-title-long{
        width: 100PX;
      }
      &-input{
        height: 50px;
        padding: 0 10px;
        border-radius: 8px;
        background-color: $tag-bg;
      }
      &-right{
        display: flex;
        align-items: center;
      }
      &-number{
        background-color: $tag-bg;
        margin-right: 10px;
        div{
          background-color: #EBEBEB;
          color: $font-color-dark;
        }
        input{
          color: $font-color-dark;
        }
      }
    }
    
    .goods-volume{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: 20px;;
      &-item{
        width: calc(100% / 3 - 30px);
        height: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: $tag-bg;
        border-radius: 10px;
        font-size: $font-15;
        padding: 6px;
        input{
          width: calc(100% - 40px);
          background-color: $tag-bg;
          text-align: center;
        }
        span{
          font-size: $font-8;
        }
      }
    }
    &-desc{
      font-size: $font-15;
      background-color: $tag-bg;
      border: none;
      textarea{
        font-size: $font-15;
        background-color: $tag-bg;
      }
    }
  }
  .goods-row-between{
    justify-content: space-between;
  }
  .info-submit-btn{
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

}